@charset "utf-8";
@font-face {
    font-family: pingfangheavy;
    src: url("../font/pingfangheavy.woff2");
}
@font-face {
    font-family: dincondregular;
    src: url("../font/dincondregular.otf");
}
@font-face {
    font-family: pingfangregular;
    src: url("../font/pingfangregular.woff");
}
* { padding: 0; margin: 0; outline: 0; text-decoration: none; list-style: none;}
html,body{font-size: 14px;font-family:"Microsoft YaHei","PingFang SC";background: #fff;color: #333;}
input,textarea{ border:none; font-family:"Microsoft YaHei","PingFang SC";}
img{ border: none; }
h1,h2,h3,h4,h5{font-weight: normal;font-size: 14px;}
table{width: 100%;border-collapse: collapse;}
audio,canvas,video{ display: inline-block; *display: inline; *zoom: 1;}
html.hide{overflow: hidden;}
body.hide{overflow: hidden;}
a{color: #333;}
.fl{ float: left;}
.fr{float: right;}
.clear:after{ content: ''; display: table; clear: both; }
p{line-height: 1.6em;}
.img100 img{vertical-align: bottom;width: 100%;}
.middle-box{display: table; height: 100%;  width:100%; margin:0 auto; position:relative; table-layout: fixed;}
.middle-inner{display: table-cell; vertical-align:middle; *position:absolute; *top:50%; *left:50%; width:100%;}
.pc-show{display: block;}
.wap-show{display: none;}
.position-full{position: absolute;top:0;left: 0;width: 100%;height: 100%;}
.relative{position: relative;}
.text-center{text-align: center;}
.overhide{overflow: hidden;}
.padding-tb60{padding: 60px 0;}
.padding-tb70{padding: 70px 0;}
.padding-tb80{padding: 80px 0;}
.padding-tb90{padding: 90px 0;}
.padding-tb100{padding: 100px 0;}
.padding-tb110{padding: 110px 0;}
.padding-tb120{padding: 120px 0;}
.w1200{width: 1200px;max-width: 92%;margin: 0 auto;}
.w1280{width: 1280px;max-width: 92%;margin: 0 auto;}
.w1300{width: 1300px;max-width: 92%;margin: 0 auto;}
.w1400{width: 1400px;max-width: 92%;margin: 0 auto;}
.w1440{width: 1440px;max-width: 92%;margin: 0 auto;}
.w1450{width: 1450px;max-width: 92%;margin: 0 auto;}
.w1600{width: 1600px;max-width: 92%;margin: 0 auto;}
.bgf1{background: #f1f1f1;}
.bgf2{background: #f2f2f2;}
.bgf3{background: #f3f3f3;}
.bgf4{background: #f4f4f4;}
.bgf5{background: #f5f5f5;}
.bgf6{background: #f6f6f6;}
.bgf7{background: #f7f7f7;}
.bgf8{background: #f8f8f8;}
.bgf9{background: #f9f9f9;}
.bgfff{background: #fff;}
.padding20{padding: 20px;}
.padding30{padding: 30px;}
.padding40{padding: 40px;}
.padding50{padding: 50px;}
.padding60{padding: 60px;}
.zindex5{z-index: 5;}
.w100{width: 100%;}
.scrollBar::-webkit-scrollbar {width: 6px;height: 6px;}
.scrollBar::-webkit-scrollbar-thumb:hover { border: 1px solid #636363;background-color: #929292;}
.scrollBar::-webkit-scrollbar-thumb {background-color: #cfcfd2;border-radius: 8px;background-clip: padding-box;min-height: 28px;}
.scrollBar::-webkit-scrollbar-track-piece {background: #f3f3f3;}
/*header s*/
body{padding-top: 94px;transition: all .4s;}
.header{position: fixed;z-index: 999;width: 100%;left: 0;top:0;background: #fff;transition: all .4s;height: 94px;}
.logo{position: absolute;left:42px;top:50%;transform: translateY(-50%);}
.logo img{display: block;height: 43px;transition: all .4s;}
.nav-box{margin-right: 170px;margin-right: 210px;}
.nav li{float: left;position: relative;}
.nav-yi{display: inline-block;font-size: 16px; padding: 0 25px;transition: all .4s;position: relative;z-index: 3;}
.nav-yi:after{width: 34px;height: 8px;position: absolute;content: '';background: url("../images/xx.png") no-repeat center;background-size: cover;left: 50%;margin-left: -17px;bottom:14px;transition: all .4s;transform: scale(0.5);opacity: 0;}
.nav-yi span{position: relative;z-index: 1;display: inline-block;text-align: center;line-height: 94px;transition: all .4s;}
.nav-yi span:after{position: absolute;transition: all .4s;width: 0;height: 2px;bottom:0;content: '';opacity: 0;background: #3b3fb6;left: 0;line-height: 94px;}
.nav li.active .nav-yi:after{transform: scale(1);opacity: 1;}
.nav li.active .nav-yi span{color: #3b3fb6;}
.nav li.active .nav-yi span:after{width: 100%;opacity: 1;}
.nav-hide{position: absolute;left: 25px;z-index: 3;width: 50vw;padding: 60px 0;box-sizing: border-box;pointer-events: none;}
.nav-hide a{transition: all .4s;}
.nav-er-list{margin-bottom: 15px;width: 100px;}
.nav-er-list:last-child{margin-bottom: 0;}
.nav-san-a{font-size: 16px;color: rgba(255,255,255,.7);margin-bottom: 15px;display: block;min-width: 140px;position: relative;padding-right: 20px;box-sizing: border-box;}
/*.nav-san-a:after{width: 12px;height: 12px;background: url("../images/r12.png") no-repeat center;;background-size: cover;position: absolute;content: '';right: 0;top:50%;margin-top: -6px;}*/
.nav-si-page a{display: block;font-size: 16px;color: rgba(255,255,255,.5);margin-bottom: 15px;}
li:nth-child(2) .nav-san{border-left: 1px solid rgba(255,255,255,.2);}
li:nth-child(3) .nav-san{border-left: 1px solid rgba(255,255,255,.2);}
li:nth-child(3) .nav-si-list{display: none !important;}
li:nth-child(3) .nav-img{display: none !important;}
.nav-er-list.cur .nav-er-a{color: #9193cf;}
.nav-si.cur .nav-san-a{color: #9193cf;}
.nav-er-a.cur{color: #9193cf;}
.nav-san-a.cur{color: #9193cf;}
.nav-er-list.cur .nav-san{display: block;}
/*li:nth-child(2) .nav-er-list.cur .nav-er-a{color: #3b3fb6;}*/
/*li:nth-child(3) .nav-er-list.cur .nav-er-a{color: #3b3fb6;}*/
/*li:nth-child(2) .nav-si.cur .nav-san-a{color: #3b3fb6;}*/
.nav-si{margin: 0 30px;}
.nav-hide-warp{display: none;}
.nav-hide-warp:after{content: "";display: block;position: absolute;top: 0;left: -1000%;width: 2000%;height: 100%;background-color: rgba(0,0,0,0.6);z-index: -1;}
.nav-er{position: relative;height: 100px;height: auto;}
/*li:nth-child(1) .nav-er{height: 150px;}*/
li:nth-child(1) .nav-er{height: 238px;}
li:nth-child(2) .nav-er{height: 430px;height: 237px;}
/*li:nth-child(2) .nav-san-a:after{display: none;}*/
.nav-er-a{font-size: 18px;color: #fff;white-space: nowrap;}
.nav-san{position: absolute;left: 100px;top:0;white-space: nowrap;display: none;}
.nav-si a{display: block;}
.nav-si-list{display: none;position: absolute;top:0;left: 100%;}
.nav-si-list a{color: #fff;display: block;margin-bottom: 15px;line-height: 21px; color: rgba(255,255,255,.7);}
.nav-img{width: 170px;position: absolute;top:0;left: 100%;display: none;margin-left: 130px;}
.nav-si.active .nav-img{display: block;}
.nav-hide a:hover{color: #9193cf;}
.nav-si-list a.cur{color: #9193cf;}
.nav-si:last-child .nav-san-a{margin-bottom: 0;}
/*.nav-si.cur .nav-si-list{display: block;}*/



.gpdm{position: absolute;right: 40px;top:50%;margin-top: -12px; transition: all .4s;font-size: 16px;line-height: 24px;}
.gpdm strong{font-size: 18px;font-family: pingfangheavy;color: #d2171a;display: inline-block;vertical-align: middle;line-height: 1em;}
.gpdm span{display: inline-block;vertical-align: middle;line-height: 1em;}

.language{position: absolute;height: 32px;line-height: 32px;top:50%;margin-top: -16px;right: 40px;padding-right: 12px;cursor: pointer;width: 92px;box-sizing: border-box;}
.language:before{content: '';position: absolute;border-right: 1px solid #c9c9c9;left: -54px;top:50%;height: 14px;margin-top: -7px;}
.language-val{font-size: 16px;font-weight: bold;margin-left: 38px;white-space: nowrap;}
.language-box{position: absolute;top:100%;width: 92px;right: 0; display: none;padding-top: 10px;}
.language-box-i{position: absolute;display: block;width: 8px;height: 8px;border-style: solid;border-width: 4px;transform: rotate(45deg);top: 6px;border-color: #fff transparent transparent #fff;box-shadow: -2px -2px 5px rgba(0,0,0,.06);right: 16px;}
.language-warp{background: #fff;border-radius: 2px;box-shadow: 0 3px 6px -4px rgba(0,0,0,.12), 0 6px 16px 0 rgba(0,0,0,.08), 0 9px 28px 8px rgba(0,0,0,.05); box-shadow: 0 0 8px rgba(0,0,0,.15)\9; position: relative;}
.earth{position: absolute;width: 25px;height: 25px;background: url("../images/earth.png") no-repeat center;background-size: cover;left: 0;top:50%;margin-top: -12.5px;}
.dbx9{position: absolute;right: 0;width: 9px;height: 7px;background: url("../images/dbx9.png") no-repeat center;background-size: cover;top:50%;margin-top: -4px;}
.language-box a{height: 40px; line-height: 40px; text-align: left; padding-left: 32px; cursor: pointer;display: block;font-size: 16px;}
.language-box a.active:before{content: "✓";position: absolute;left: 10px;font-size: 16px;font-weight: 600;}
.language-box a.active{background: #f3f4f7;}
.language-box a:hover{background: #f3f4f7;}

.menu-handler{width: 30px; height: 32px; cursor: pointer; position: absolute;right:3%;top:14px; transition: all 0s cubic-bezier(0.445, 0.145, 0.355, 1); -webkit-transition: all 0s cubic-bezier(0.445, 0.145, 0.355, 1); -moz-transition: all 0s cubic-bezier(0.445, 0.145, 0.355, 1); display: none; }
.menu-handler .burger{height: 2px; background: #3b3fb6; display: block;width: 20px; position: absolute; z-index: 5; left: 5px; transform-origin: center; -webkit-transform-origin: center; -moz-transform-origin: center;-o-transform-origin: center; -ms-transform-origin: center;border-radius: 2px;-webkit-border-radius: 2px;top: 8px;transition:all .4s;}
.menu-handler .burger-2{top: 15px; }
.menu-handler .burger-3{top: 22px;}
.menu-handler.active .burger-1{top:15px; -moz-transform: rotate(225deg); -webkit-transform: rotate(225deg); -o-transform: rotate(225deg); -ms-transform: rotate(225deg); transform: rotate(225deg); }
.menu-handler.active .burger-2{-ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); filter: alpha(opacity=0); opacity: 0; -moz-opacity: 0; -khtml-opacity: 0; -webkit-opacity: 0; }
.menu-handler.active .burger-3{top: 15px; -moz-transform: rotate(-225deg); -webkit-transform: rotate(-225deg); -o-transform: rotate(-225deg); -ms-transform: rotate(-225deg); transform: rotate(-225deg); }
.index-body{padding-top: 0;}
.header-style .header{background:none;}
.header-style .nav-box{}
.index-body.is-scroll{padding-top: 0;}
body.is-scroll{padding-top: 70px;}
body.is-scroll .header{box-shadow: 0 1px 2px #ddd;height: 70px;}
body.is-scroll .nav-yi span{line-height: 70px;}
body.is-scroll .search-con{top: 49px;}
body.is-scroll .logo img{height: 40px;}
.about-bg{position: absolute;right: 0;top:55%;transform: translateY(-50%);z-index: -1;width: 53.54%;}
/*header e*/
/*footer s*/
.footer{background: url("../images/footer.jpg") no-repeat center;background-size: cover;}
.footer-cdoe{position: absolute;top:0;right: 0;font-size: 0;}
.codes{display: inline-block;font-size: 14px;margin-right: 28px;text-align: center;width: 145px;}
.codes p{color: #fff;opacity: 0.5;margin-top: 18px;}
.codes:last-child{margin-right: 0;}
.footer-nav{display: flex;justify-content: space-between;}
.footer-nav dt{font-size: 18px;color: #fff;margin-bottom: 30px;}
.footer-nav dd{margin-bottom: 14px;}
.footer-nav dd a{color: rgba(255,255,255,.6);}
.footer a{transition: all .4s;}
.footer a:hover{color: #fff;opacity: 1;}
.footer-bot{border-top: 1px solid rgba(255,255,255,.1);padding: 27px 0;}
.footer-bot a,.footer-bot span{color: rgba(255,255,255,.5);display: inline-block;}
.footer-tel{margin-bottom: 20px;}
.footer-tel p{margin-bottom: 15px;}
.footer-tel img,.footer-tel span{display: inline-block;vertical-align: middle;}
.footer-tel img{width: 30px;}
.footer-tel span{color: #fff;font-size: 28px;margin-left: 10px;}
.footer-logo{position: absolute;bottom:0;left: 0;}
.footer-logo img{height: 46px;}
.footer-mid{padding: 30px 0;}
.fx{font-size: 0;padding-top: 22px;}
.fx a{display: inline-block;width: 30px;height: 30px;font-size: 14px;position: relative;margin-right: 30px;}
.fx a:last-child{margin-right: 0;}
.fx .i{transition: all .4s;}
.fx a:hover .i{opacity: 1;}
.fxwx .i{background: url("../images/fx1.png") no-repeat center;background-size: cover;}
.fxwb .i{background: url("../images/fx2.png") no-repeat center;background-size: cover;}
.fxdy .i{background: url("../images/fx3.png") no-repeat center;background-size: cover;}
.code-hode{position: absolute;width: 120px;height: 0;overflow: hidden;transition: all .4s;left: 50%;margin-left: -60px;top:40px;}
.code-hode img{width: 120px;height: 120px;}
.fx a:hover .code-hode{height: 120px;}
.guding{position: fixed;z-index: 999;right: 0;bottom:134px;width: 54px;transition: all .4s;display: none;}
.guding .img{opacity: 0.7;transition: all .4s;}
.gudings:hover .img{opacity: 1;}
.gudings{background: #3b3fb6;cursor: pointer;margin-bottom: 10px;border-radius: 5px;}
.gudings:last-child{margin-bottom: 0;}
.guding.active{display: block;}
.weixin-box{position: relative;}
.weixin-code{position: absolute;right: 100%;margin-right: 4px;top:0;width:0;overflow: hidden;text-align: center;background: #fff;}
.weixin-code img{width: 98px;vertical-align: bottom;border:1px solid #ddd;}
.weixin-code p{font-size: 12px;color:#666;padding: 5px 0;}
.weixin:hover .weixin-code{width: 100px;}
.beian{margin-left: 10px;}
.beian img{width: 20px;vertical-align: middle;margin-right: 5px;margin-top:-4px; }
.swiper-container .swiper-slide{box-sizing: content-box;padding-left: 10px;margin-left: -10px;transform: translate3d(0, 0, 0);}
.caseplay .swiper-slide{min-height: 100px;}
.caseplay .swiper-slide.blur .img100 img{filter: blur(3px);}
.footer-ct-a{margin-bottom: 40px;}
.footer-ct-a h3{color: #fff;font-size: 22px;margin-bottom: 25px;}
.footer-ct-a p{color: #fff;position: relative;padding-left: 51px;line-height: 1.8em;margin-bottom: 6px;}
.footer-ct-a p span{position: absolute;top:0;left: 0;}
.footer-r{width: 280px;position: relative;padding-bottom: 80px;}
.footer-r:before{content: '';position: absolute;left: -100px;top:-15px;height: 427px;border-left: 1px solid rgba(255,255,255,.15);max-height: 100%;}
.footer-l{position: absolute;right: 470px;left: 0;top:0;}
.footer-top{padding: 60px 0 30px;}
/*footer e*/
/*index s*/
.banner .w1450{width: auto;max-width: none;margin: 0 220px;}
.banner .swiper-pagination-bullet{background: #999;opacity: 1;}
.banner .swiper-pagination{bottom:15px !important;}
.banner .swiper-pagination-bullet-active{background: #fff;}
.banner-txt img{max-width: 100%;}
.swiper-slide2 .banner-txt{margin-bottom: 15%;}
.swiper-slide0 .middle-inner{vertical-align: bottom;}
.swiper-slide0 .banner-txt{margin-bottom: 10%;margin-left: 6%;}
.swiper-slide1 .middle-inner{vertical-align: top;}
.swiper-slide1 .banner-txt{margin-top: 8%;margin-left: -3%;}
.banner-des{z-index: 9;}
.banner-item{-webkit-transition-timing-function: cubic-bezier(.455,.03,.515,.955);-o-transition-timing-function: cubic-bezier(.455,.03,.515,.955);transition-timing-function: cubic-bezier(.455,.03,.515,.955);}
.swiper-slide2 .banner-des{top: 50%;height: auto; transform: translateY(-50%);}
.swiper-slide2 .banner-txt{margin-top: 0;}
.swiper-slide-vd video{width: 100%;vertical-align: bottom;}
.bannervd{background: #000;}
.vd-txt{width: 866px;max-width: 92%;margin:0 auto;}
.vd-text1{color: #fff;font-weight: bold;font-size: 60px;}
.vd-text2{text-align: right;opacity: 0.6; color: #fff;font-weight: bold;font-size: 60px;margin: 50px 0;}
.vd-text3{text-align: center;width: 580px;max-width: 100%;margin: 0 auto 50px;}
.vd-text3 p{color: #fff;font-size: 18px;line-height: 2em;}
.vd-btn{text-align: center;}
.vd-btn a{margin: 0 25px;}
.gksp{display: inline-block;font-size: 16px;color: #fff;text-decoration: underline;}
.ckgd{display: inline-block;width: 160px;font-size:16px;line-height: 52px;text-align: center;background: #3b3fb6;color: #fff;}
.btn54 div{position: absolute;width: 54px;height: 54px;cursor: pointer;z-index: 10;border-radius: 100%;top:50%;margin-top: -27px;transition: all .4s;}
.btn541{background: rgba(255,255,255,.5) url("../images/541.png") no-repeat center;background-size: cover;left: 40px;}
.btn542{background: rgba(255,255,255,.5) url("../images/542.png") no-repeat center;background-size: cover;right: 40px;}
.btn54 div:hover{background-color: rgba(12,15,103,.5);}
.btn541:hover{background-image: url("../images/541-1.png");}
.btn542:hover{background-image: url("../images/542-1.png");}
.title28{margin-bottom: 70px;position: relative;z-index: 20;}
.title28 h2{font-size: 28px;color: #414141;font-weight: bold;}
.title28 p{font-size: 16px;margin-top: 10px;}
.about-bot{padding-top: 50px;}
.about-img{width: 50%;margin-top: -50px;}
.about-con{width: 46%;}
.about-con h3{font-size: 22px;}
.des666 p{color: #666;}
.about-con .des666 p{margin-top: 25px;}
.gitied2{display: flex;justify-content: space-between;margin: 60px 0;}
.gitied-top2{position: relative;display: inline-block;}
.gitied-top2 strong{font-size: 32px;font-family: pingfangheavy;color: #3b3fb6;}
.gitied-top2 span{display: inline-block;margin-left: 20px;font-size: 22px;}
.link-btn{font-size: 0;display: inline-block;}
.link-btn span,.link-btn p{position: relative;display: inline-block;vertical-align: middle;font-size: 16px;}
.link-btn span{width: 34px;height: 34px;border-radius: 50%;transition: all .4s;background: #3b3fb6 url("../images/r34.png") no-repeat center;background-size: cover;}
.link-btn p{margin-left: 15px;transition: all .4s;color: #3b3fb6;position: relative;font-style: italic;}
.link-btn p:after{position: absolute;bottom: 0;left: 0;right: 0;margin: auto;display: block;width: 0;height: 1px;content: ''; -moz-transition: width .4s; -o-transition: width .4s;-webkit-transition: width .4s;transition: width .4s;background: #3b3fb6;}
.link-btn:hover p:after{width: 100%;}
.link-btn:hover span{-moz-transform: translateX(95px);-ms-transform: translateX(95px);-webkit-transform: translateX(95px);transform: translateX(95px);}
.link-btn:hover p{-moz-transform: translateX(-50px);-ms-transform: translateX(-50px);-webkit-transform: translateX(-50px);transform: translateX(-50px);}
.why-warp{background: #ebebf8;text-align: center;padding: 65px 0;transition: all .4s;position: relative;margin: 9px;}
.why-warp .i{content: '';position: absolute;bottom:0;background: #3b3fb6;height: 12px;width: 0;left: 50%;transform: translateX(-50%);transition: all .4s;opacity: 0;}
.why-warp .i:after{width: 100%;height: 33.33%;bottom:0;left: 0;background: #9193cf;position: absolute;content: "";}
.why-warp .img{margin: 0 auto;width: 100px;max-width: 50%;}
.why-warp .img img{transition: all .4s;width: 100%;vertical-align: bottom;}
.why-warp .img2{position: absolute;left: 0;width: 100%;top:0;opacity: 0;}

.why-warp-pages{box-sizing: border-box;width: 30%;margin-right: 5%;}
.why-warp-pages:nth-child(3n){margin-right: 0;}


.whybox{margin-top: -25px;}
.whybox .swiper-slide{padding-top: 25px;}
/*.whybox .swiper-slide:hover .why-warp{background: #fff;box-shadow: 0 0 9px 0 #ddd;margin-top: -15px;}*/
/*.whybox .swiper-slide:hover .why-warp{background: #fff;box-shadow: 0 0 9px 0 #ddd;margin-top: -15px;}*/
/*.whybox .swiper-slide:hover .why-warp .i{width: 100%;opacity: 1;}*/
/*.whybox .swiper-slide:hover .img1{opacity: 0;}*/
/*.whybox .swiper-slide:hover .img2{opacity: 1;}*/

.why-warp-pages:hover .why-warp{background: #fff;box-shadow: 0 0 9px 0 #ddd;margin-top: -15px;}
.why-warp-pages:hover .why-warp{background: #fff;box-shadow: 0 0 9px 0 #ddd;margin-top: -15px;}
.why-warp-pages:hover .why-warp .i{width: 100%;opacity: 1;}
.why-warp-pages:hover .img1{opacity: 0;}
.why-warp-pages:hover .img2{opacity: 1;}


.whybox .btn54{text-align: center;position: static;margin-top: 50px;}
.whybox .btn54 div{position: static;display: inline-block;margin: 0 10px;background-color: #3b3fb6;width: 40px;height: 40px;}
.whybox .btn54 div:hover{transform: scale(1.3);}
.whybox .btn541{background-image: url("../images/541-1.png");}
.whybox .btn542{background-image: url("../images/542-1.png");}
.why-con img{display: block;}
.why-con h3{font-weight: bold;font-size: 20px;margin:25px 0 15px;}
.why-con{width: 210px;margin: 0 auto;max-width: 92%;}
.why-con p{height: 3.2em;}
.swiper-dot{margin-top: 60px;}
.swiper-dot .swiper-pagination-bullet{width: 6px;height: 6px;opacity: 1;border:2px solid #cacaca;background: none;margin: 0 12px;}
.swiper-dot .swiper-pagination-bullet-active{background: #3b3fb6;border-color: #3b3fb6;box-shadow: 0 0 0 3px rgba(59,63,182,.5);}
.probox{height: 815px;}
.probox .swiper-container{height: 100%;}
.pro-top{margin-bottom: 100px;}
.pro-top h2{font-size: 32px;color: #fff;font-weight: bold;margin-bottom: 25px;}
.pro-top h2 strong{color: #3b3fb6;}
.gitied-top2 strong.strong2{position: absolute;right: 25px;top:2px;line-height: 1em;font-size: 22px;font-weight: normal;}
/*.gitied2 li:nth-child(2) strong.strong2{right: 5px;}*/
.pro-top p{color: #fff;}
.pro-con{width: 48%;}
.pro-top span{display: inline-block;color: #fff;font-size: 18px;margin: 5px 0;}
.pro-ms{display: flex;justify-content: space-between;}
.pro-ms li{text-align: center;}
.pro-ms li img{display: block;width: 60px;margin: 15px auto;}
.pro-ms li p{color: #fff;opacity: 0.7;}
.caseplay .swiper-container{overflow: visible;}
.caseplay .btn54{position: absolute;width: 100%;top:0;left: 0;bottom:53px;pointer-events: none;}
.caseplay .btn54 div{width: 46px;height: 46px;background-color: rgba(221,221,221,.8);pointer-events: auto;}
.caseplay .btn54 div:hover{background-color: #3b3fb6;}
.caseplay .btn541:hover{background-image: url("../images/541-1.png");}
.caseplay .btn542:hover{background-image: url("../images/542-1.png");}
.caseplay p{font-size: 17px;margin-top: 25px;transition: all .4s;}
.caseplay a:hover p{color: #3b3fb6;}
.news-box{background: #f7f7f8;}
.new-style{display: block;}
.new-con{background: #fff;padding: 20px 20px 30px;}
.new-date{}
.new-date strong{font-size: 36px;font-family:dincondregular;}
.new-date span{font-size: 16px;font-family:dincondregular;color: #999;margin-left: 5px;}
.new-con{position: relative;transition: all .4s;margin: 10px;}
.new-con:after{content: '';position: absolute;bottom:0;background: #9698d4;height: 6px;width: 0;left: 50%;transform: translateX(-50%);transition: all .4s;}
a:hover .new-con:after{width: 100%;}
.new-con .img{overflow: hidden;height: 174px;margin: 15px 0;}
.new-con .img .position-full{transition: all .4s;}
.new-con h3{white-space: nowrap;overflow: hidden;text-overflow: ellipsis;font-size: 17px;}
.new-con p{margin: 15px 0 20px;color: #666; display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;height: 3.2em}
a:hover .new-con .img .position-full{transform: scale(1.1);}
.ckxx{display: inline-block;color: #999;}
.newplay{margin-top: -20px;}
.newplay a{padding-top: 30px;}
.new-style:hover .new-con{transform: translateY(-20px);box-shadow: 0 0 10px #ddd;background: #3b3fb6;}
a:hover .new-date strong{color: #fff;}
a:hover .new-date span{color: #fff;}
a:hover .new-con h3{color: #fff;}
a:hover .new-con p{color: rgba(255,255,255,.7);}
.new-style:hover .ckxx{color: rgba(255,255,255,.5);}
.fwzc-des p{font-size: 18px;line-height: 1.8em;}
.margin-b30{margin-bottom: 30px;}
.margin-b40{margin-bottom: 40px;}
.vm{display: inline-block;background: rgba(53,57,174,.4);width: 170px;height: 45px;line-height: 45px;padding: 6px;margin-bottom: 10px;}
.vm .relative{background: #3b3fb6;overflow: hidden;}
.vm span{color: #fff;position: relative;z-index: 9;transition: all .4s;font-style: italic;}
.vm .i{position: absolute;left: -100%;top:0;height: 100%;width: 100%;background: #fff;transition: all .4s;}
.vm:hover .i{left: 0;}
.vm:hover span{color: #3b3fb6;}
.fwzc .title28{margin-bottom: 40px;}
.jjfa-bot{display: inline-block;}
.case-style{position: relative;display: block;}
.case-style .line{text-align: right;line-height: normal;width: 96px;overflow: hidden;margin-top: 5px;max-width: 60%;}
.case-style .line1{border-top: 1px solid #d8d9f0;transition: all .5s;float: right;width: 100%;transform: scale(0);transform-origin: right;}
.case-style .line2{width: 72.5%;border-top: 1px solid #d8d9f0;transition: all .5s;float: right;margin-top: 2px;transform: scale(0);transform-origin: right;transition-delay: .1s;}
.case-style:hover .line div{transform: scale(1);}
.case-style .img{position: relative;padding-right: 6px;padding-bottom: 6px;}
.case-style .img100{position: relative;z-index: 3;}
.case-style .shadow{position: absolute;top:0;right:6px;bottom:6px;left:0;background: #d6d6d6;z-index: 1;transition: all .4s;}
.case-style .i1{position: absolute;left: 0;top:0;z-index: 5;width: 0;height: 7px;background: url("../images/i1.png") no-repeat center;background-size: cover;transition: all .4s;}
.case-style .i2{position: absolute;right: 6px;bottom:4px;z-index: 5;width: 0;height: 7px;background: url("../images/i2.png") no-repeat center;background-size: cover;transition: all .4s;}
.case-style:hover .i div{width: 51%;}
.case-style:hover .shadow{transform:translate(6px,6px) translateZ(0);}
.margin-b70{margin-bottom: 70px;}
.fwzc-warp{display: inline-block;}
.fwzc-warp h2{color: #3b3fb6;}
.banner{background: #3b3fb6;}
/*index e*/
/*2-1关于我们 s*/
.ban-des p{color: #fff;font-size: 32px;margin: 10px 0;}
.ny-nav{height: 70px;background: #3b3fb6;}
.ny-a{font-size: 0;}
.ny-a a{color: #fff;display: inline-block;line-height: 70px;padding: 0 35px; font-size: 16px;}
.ny-a a.active{background: #5f62ce;}
.ny-a a:hover{background: #5f62ce;}
.ny-r a,.ny-r span{color: #fff;display: inline-block;vertical-align: middle;}
.ny-r img{width: 21px;display: inline-block;vertical-align: middle;margin-right: 8px;}
.ny-r{line-height: 70px;}
.about-des{padding: 40px 0 60px;}
.about-title{border-bottom: 1px solid #dedede;padding-bottom: 40px;}
.about-title h2{font-size: 26px;font-weight: bold;}
.about-l{width: 57%;}
.des666 p{color: #666;line-height: 1.8em;text-align: justify;}
.about-r{width: 38%;}
.about-text2 h3{font-size: 26px;margin-bottom: 40px; color: #3b3fb6;line-height: 1.6em;}
.about-text2 p{color: #666666;margin-top: 8px;}
.gitied3{display: block;font-size: 0;}
.gitied3 li{width: 50%;display: inline-block;vertical-align: top;font-size: 14px;margin-top: 35px;}
.absp{height: 470px;cursor: pointer;}
.play62{width: 62px;height: 62px;display: inline-block;background: url("../images/play62.png") no-repeat center;background-size: cover;border-radius: 100%;transition: all .4s;}
.absp:hover .play62{box-shadow: 0 0 14px 0 #fff;}
.sptc{position: fixed;z-index: 99999;background: rgba(0,0,0,0.5);left: 0;right: 0;top: 0;bottom:0;display: none;}
.video_t{position: absolute;left: 50%;top:50%;transform: translate(-50%,-50%);-webkit-transform: translate(-50%,-50%);width: 1200px;max-width: 90%;}
.video_t a{position: absolute;width: 38px;height: 38px;right: -19px;top:-19px;z-index:9;}
.video_t a img{width: 100%;vertical-align: bottom;}
.video_t video{width: 100%;vertical-align: bottom;}
.about-l p{line-height: 2em;}
.word{position: absolute;top:0;left:0;width: 108%;z-index: -1;display: none;}
.dw li{float: left;width: 33.33%;position: relative;}
.dw-con{position: absolute;left: 35px;right: 35px;bottom:30px;min-height: 138px;}
.dw-con h3{color: #fff;font-size: 26px;margin-bottom: 15px;}
.dw-con p{color: #fff;opacity: .8;width: 484px;max-width: 100%;}
.gy-img{width: 50%;}
.gy-ms{width: 46%;}
li:nth-child(odd) .gy-ms{float: left;}
li:nth-child(odd) .gy-img{float: right;}
li:nth-child(even) .gy-ms{float: right;}
li:nth-child(even) .gy-img{float: left;}
.about-list li{margin-bottom: 80px;}
.about-list li:last-child{margin-bottom: 0;}
.about-list li:nth-child(2){position: relative;}
.about-list li:nth-child(2) .gy-ms{position: absolute;height: 100%;right: 0;top:0;}
.about-list li:nth-child(2) .gy-ms p{margin: 30px 0;}
.gy-img .btn54 div{width: 38px;height: 38px;margin-top: -19px;}
.gy-img .btn54 div:hover{background-color: #3b3fb6;}
/*2-1关于我们 e*/

/*2-2发展历程 s*/
.title26{margin-bottom: 60px;}
.title26 h2{font-size: 26px;}
.title26 p{font-size: 16px;color: #666;margin: 10px auto 0;max-width: 100%;width: 1150px;}
.weilai{background: #3b3fb6;color: #fff;font-size: 16px;margin: 0 auto;width: 156px;line-height: 50px;text-align: center;position: relative;z-index: 9;}
.wxgd{margin-right: 6px;}
.weilai:after{content: '';position: absolute;width: 17px;height: 10px;background: url("../images/dbx17-1.png") no-repeat center;background-size: cover;left: 50%;margin-left: -8px;bottom:0;}
.his-img{position: relative;width: 237px;border:8px solid #e6e6e6;float: right;transition: all .4s;}
.his-img:before{content: '';width: 0;height: 0;border:12px solid transparent;top:50%;margin-top: -12px;position: absolute;transition: all .4s;}
li:nth-child(odd) .his-img:before{left: 100%;border-left-color: #e6e6e6;margin-left: 8px;}
li:nth-child(even) .his-img:before{right: 100%;border-right-color: #e6e6e6;margin-right: 8px;}
.his-warp{width: 50%;box-sizing: border-box;position: relative;}
li:nth-child(even) .his-warp{float: right;padding-left: 60px;}
li:nth-child(odd) .his-warp{padding-right: 60px;}
li:nth-child(even) .his-img{float: left;}
.hosgx{height: 500px;overflow: auto;}
.history{padding-top: 47px;}
.history:before{content: '';position: absolute;left: 50%;height: 100%;top:0;border-right: 1px solid #d5d5d5;}
.his-con{position: absolute;top:12px;}
li:nth-child(odd) .his-con{right: 345px;left: 0;}
li:nth-child(even) .his-con{left: 345px;right: 0;}
.his-con h3{font-size: 16px;margin-bottom: 5px;}
.his-con h3 span{font-size: 46px;font-family: dincondregular;color: #666;margin-right: 5px;transition: all .4s;}
.his-con p{font-size: 16px;}
.his-dot{position: absolute;left: 50%;width: 22px;height: 22px;border-radius: 100%;margin-left: -11px;top:50%;margin-top: -11px;background: #9d9fda;}
.his-dot .i{position: absolute;top:5px;right: 5px;bottom:5px;left: 5px;background: #3b3fb6;border-radius: 100%;}
.his-warp:hover .his-con h3 span{color: #3b3fb6;}
.his-warp:hover .his-img{border-color: #3b3fb6;}
li:nth-child(odd) .his-warp:hover .his-img:before{border-left-color: #3b3fb6;}
li:nth-child(even) .his-warp:hover .his-img:before{border-right-color: #3b3fb6;}
/*2-2发展历程 e*/
/*企业文化 s*/
.value{font-size: 0;}
.value li{display: inline-block;vertical-align: top;font-size: 14px;width: 48%;margin-right: 4%;position: relative;margin-top: 40px;margin-bottom: 40px;}
.value li:nth-child(even){margin-right: 0;}
.val-title{position: absolute;top:0;left: 0;}
.val-title:after{content: '';position: absolute;border-right: 1px solid #dfdfdf;left: 110px;height: 44px;margin-top: -22px;top:50%;}
.val-des{margin-left: 152px;}
.val-title h3{font-size: 26px;}
.val-title span{color: #3b3fb6;display: block;}
.val-des p{font-size: 16px;color: #999;line-height: 1.8em;}
.bg212262{background: #212262;}
.title26-fff h2{color: #fff;}
.yz{padding-top: 20px;}
.yz li{float: left;text-align: center;width: 32%;margin-right: 2%;}
.yz li:last-child{margin-right: 0;}
.yz li img{width: 90px;max-width: 60%;}
.yz li p{color: #fff;font-size: 16px;margin-top: 35px;}
.qiye img{width: 74px;position: absolute;left: 0;top:50%;margin-top: -37px;}
.qy-con{margin-left: 135px;margin-right: 50px;}
.qy-con h3{font-size: 26px;}
.qy-con p{font-size: 16px;color: #929292;margin-top: 10px;}
.qiye li{padding: 60px 0;border-bottom: 1px solid #dfdfdf;}
.qiye li .i{width: 39px;height: 14px;background: url("../images/sjt.png") no-repeat center;background-size: cover;position: absolute;right: 0;bottom:0;}
/*企业文化 e*/
/*2-4企业荣誉 s*/
.ry{font-size: 0;}
.ry li{font-size: 14px;display: inline-block;vertical-align: top;width: 21.5%;margin-right: 4.66%;margin-bottom:4%;text-align: center;cursor: pointer;}
.ry li:nth-child(4n){margin-right: 0;}
.ry li p{font-size: 16px;transition: all .4s;margin-top: 20px;height: 3.2em;}
.jia50{width: 50px;height: 50px;display: inline-block;background: #3b3fb6 url("../images/jia50.png") no-repeat center;background-size: cover;border-radius: 100%;}
.ry li .position-full{opacity: 0;transition: all .4s;}
.ry li:hover .position-full{opacity: 1}
.ry li:hover p{color: #3b3fb6;}
.fixed-style{position: fixed;z-index: 9999;background: rgba(0,0,0,.6);width: 100%;height: 100%;top:0;left: 0;display: none;}
.ry-pay{max-width: 92%;margin: 0 auto;width: 1200px;}
.ry-pay .swiper-container{margin: 0 60px;}
.ry-pay .img{height: 600px;display: flex;justify-content: center;align-items: center;}
.ry-pay .img img{max-width: 100%;max-height: 100%;}
.rybtn div{width: 28px;height: 48px;position: absolute;top:50%;margin-top: -24px;cursor: pointer;z-index: 9;transition: all .4s;}
.rybtn div.swiper-button-disabled{cursor: default;opacity: 0.6;}
.rybtn1{background: url("../images/lll.png") no-repeat center;background-size: cover;left: 0;}
.rybtn2{background: url("../images/ddd.png") no-repeat center;background-size: cover;right: 0;}
.ryclose{position: absolute;width: 48px;height: 48px;background: url("../images/gb128.png") no-repeat center;background-size: cover;right: -10px;top:-48px;cursor: pointer;}
.page{font-size: 0;text-align: center;}
.page a{font-size: 20px;font-family: dincondregular;display: inline-block;vertical-align: middle;width: 35px;height: 35px;line-height: 35px;border:1px solid #afafaf;transition: all .4s; border-radius: 100%;margin: 0 8px;}
.page{padding-top: 30px;}
.page a.active{background-color: #3b3fb6;color: #fff;border-color: #3b3fb6;}
.page a:hover{background-color: #3b3fb6;color: #fff;border-color: #3b3fb6;}
.page-left{background-image: url("../images/351.png");}
.page-left:hover{background-image: url("../images/351-1.png");}
.page-right{background-image: url("../images/352.png");}
.page-right:hover{background-image: url("../images/352-1.png");}
/*2-4企业荣誉 e*/
/*2-5质量管理 s*/
.rz .title26 h2{padding-bottom: 15px;}
.rz-list{font-size: 0;}
.rz-list li{display: inline-block;vertical-align: top; font-size: 14px;text-align: center;width: 10.7%;margin-right: 4.18%;margin-top: 2%;margin-bottom: 2%;}
.rz-list li img{width: 100%;vertical-align: bottom;}
.rz-list li:nth-child(7n){margin-right: 0;}
.rz-list li p{font-size: 16px;margin: 10px 0;}
.imgmax img{max-width: 100%;height: auto !important;vertical-align: bottom;}
.cpyftx{text-align: center;font-size: 22px;font-weight: bold;margin-top: 45px;}
.step .swiper-slide{height: 578px;background: rgba(0,0,0,.1);}
.step .swiper-slide:nth-child(odd){background: rgba(0,0,0,.2);}
.step .swiper-slide:hover img{opacity: 1;}
.step-con{margin: 0 35px;height: 204px;}
.step-con img{width: 50px;max-width: 100%;transition: all .4s;opacity: 0.5;}
.step-con h3{color: #fff;font-size: 22px;margin: 30px 0 15px;}
.step-con p{color: #fff;font-size: 16px;position: relative;padding-left: 10px;}
.step-con p:before{content: '·';position: absolute;color: #fff;top:0;left: 0;}
.sbtn div{cursor: pointer;transition: all .4s;width: 32px;height: 32px;top:50%;margin-top: -16px;position: absolute;z-index: 9;}
.sbtn .swiper-button-disabled{opacity: 0.5;cursor: default;}
.sbtn1{left: -50px;background: url("../images/321.png") no-repeat center;background-size: cover;}
.sbtn2{right: -50px;background: url("../images/322.png") no-repeat center;background-size: cover;}
.title22-bold{margin-bottom: 80px;}
.title22-bold h2{font-size: 22px;font-weight: bold;}
.gys li{float: left;width: 20%;height: 250px;position: relative;z-index: 5;text-align: center;}
.gys{position: relative;}
.gys:before{content: '';position: absolute;width: 100%;top:50%;left: 0;border-bottom: 1px solid #dedede;}
.gys-top{position: absolute;width: 100%;left: 0;}
li:nth-child(odd) .gys-top{top:0;}
li:nth-child(even) .gys-top{bottom:0;}
.gys-bot{position: absolute;width: 100%;left: 0;}
li:nth-child(odd) .gys-bot{bottom:0;}
li:nth-child(even) .gys-bottop{top:0;}
.gys-num{width: 96px;line-height: 67px;height: 67px;background: #f3f3f3;margin: 0 auto;position: relative;font-size: 26px;max-width: 100%;transition: all .4s;}
.gys-num:after{width: 0;height: 0;border:10px solid transparent;left: 50%;margin-left: -10px;position: absolute;content: '';}
li:nth-child(odd) .gys-num:after{top:100%;border-top-color: #f3f3f3;}
li:nth-child(even) .gys-num:after{bottom:100%;border-bottom-color: #f3f3f3;}
.gys .dot{position: absolute;width: 14px;height: 14px;border-radius: 100%;left: 50%;top:50%;margin: -7px 0 0 -7px;background: #f3f3f3;transition: all .4s;}
.gys-bot img{width: 50px;max-width: 100%;transition: all .4s;filter: grayscale(1);}
.gys-bot h3{font-weight: bold;margin-top: 5px; font-size:18px;transition: all .4s;}
.gys li:hover h3{color: #3b3fb6;}
.gys li:hover img{filter: grayscale(0);}
.gys li:hover .gys-num{background: #3b3fb6;color: #fff;}
.gys li:nth-child(odd):hover .gys-num:after{;border-top-color: #3b3fb6;}
.gys li:nth-child(even):hover .gys-num:after{;border-bottom-color: #3b3fb6;}
.gys li:hover .dot{;background: #3b3fb6;}
.sc{padding: 28px 0;}
.sczl-page{height: 135px;float: left;width: 50%;}
.sczl-page ul{font-size: 0;margin-left: 37px;}
.sczl-page ul li{display: inline-block;vertical-align: top;font-size: 14px;width: 50%;box-sizing: border-box;margin: 2px 0;}
.sczl-page ul li p{position: relative;padding-left: 15px;}
.sczl-page ul li p:before{content: '·';position: absolute;left: 0;top:0;}
.sczl-page:nth-child(odd) ul{margin-right: 250px;}
.sczl-page:nth-child(even) ul{margin-left: 300px;}
.sczl-title{position: absolute;width: 515px;height: 326px;left: 50%;top:50%;margin: -163px 0 0 -257px;}
.sczl-title h3{font-size: 26px;font-weight: bold;}
.shfw{width: 965px;background: url("../images/shfw.jpg") no-repeat center;background-size: 100% 100%;max-width: 100%;margin: 0 auto;}
.shfw li{height: 332px;float: left;width: 33.33%;text-align: center;}
.shfw-warp h3{font-size: 20px;font-weight: bold;margin-bottom: 25px;}
.shfw-warp p{font-size: 18px;display: inline-block;margin: 0 10px;}
/*2-5质量管理 e*/
/*3-1产品中心 s*/
.padding-tb40{padding: 40px 0;}
.guide a{display: inline-block;vertical-align: middle;transition: all .4s;font-size: 16px;}
.guide a:hover{color: #3b3fb6;}
.guide a img{width: 22px;}
.guide span{display: inline-block;vertical-align: middle;width: 6px;height: 12px;background: url("../images/guide.png") no-repeat center;background-size: cover;margin: 0 12px;}
.swiper-dot-fff{position: absolute;width: 100%;bottom:25px;z-index: 9;text-align: center;}
.swiper-dot-fff .swiper-pagination-bullet{width: 6px;height: 6px;opacity: 1;border:2px solid #cacaca;background: none;margin: 0 12px;}
.swiper-dot-fff .swiper-pagination-bullet-active{background: #3b3fb6;border-color: #3b3fb6;box-shadow: 0 0 0 3px rgba(59,63,182,.5);}
.ljxx{display: inline-block;position: relative;color: #999;padding-right: 20px;}
.ljxx:after{content: '';position: absolute;width: 14px;height: 10px;background: url("../images/db.png") no-repeat center;background-size: cover;right: 0;top:50%;margin-top: -5px;}
.cp{font-size: 0;}
.cp li{display: inline-block;vertical-align: top;width: 32%;margin-right: 2%;font-size: 14px;text-align: center;margin-bottom: 28px;}
.cp-style .img100{width: 360px;max-width: 100%;margin: 0 auto;}
.cp-style{display: block;padding: 15px 0 35px;position: relative;background: #fff;transition: all .4s;}
.cp li:nth-child(3n){margin-right: 0;}
.cp-bot{margin-top: 10px;padding: 0 4%;}
.cp-bot h3{transition: all .4s;font-size: 20px;font-weight: bold;}
.cp-bot p{font-size: 16px;color: #999;margin: 10px 0;}
.line8{position: absolute;bottom:0;height:12px;width: 0;opacity: 0;transition: all .4s;left: 50%;transform: translateX(-50%);background: #3b3fb6;pointer-events: none;}
.line8:after{width: 100%;height: 33.33%;bottom: 0;left: 0;background: #9193cf;position: absolute;content: "";}
.cp-style:hover{margin-top: -10px;box-shadow: 0 0 10px 0 #ddd;}
.cp-style:hover h3{color: #3b3fb6;}
.cp-style:hover .line8{width: 100%;opacity: 1;}
/*3-1产品中心 e*/
/*3-2产品中心详情 s*/
.cpxq-img{width: 50%;min-height: 100px;}
.cpxq-con{position: absolute;width: 45%;height: 100%;top:0;}
.cpxq-page:nth-child(odd) .cpxq-con{left: 0;}
.cpxq-page:nth-child(odd) .cpxq-img{float: right;}
.cpxq-page:nth-child(even) .cpxq-con{right: 0;}
.cpxq-page:nth-child(even) .cpxq-img{float: left;}
.cpxq-title{margin-bottom: 35px;}
.cpxq-title h3{font-size: 36px;}
.cpxq-title h4{font-size: 26px;letter-spacing: 12px;margin-top: 3px;}
.cpxq-des p{font-size: 16px;position: relative;padding-left: 12px;margin: 5px 0;}
.cpxq-des p:before{content: '·';position: absolute;top:0;left: 0;}
.cpxq-page:nth-child(even) h3{color: #fff;}
.cpxq-page:nth-child(even) h4{color: #fff;}
.cpxq-page:nth-child(even) p{color: #fff;}
.cpxq-a h2{font-size: 46px;font-weight: bold;}
.cpxq-ms{margin-top: 30px;}
.cpxq-ms h5{font-size: 22px;font-weight: bold;color: #666;margin-bottom: 10px;}
.cpxq-ms p{font-size: 16px;}
.cpsp{height: 670px;cursor: pointer;}
.cpsp h2{font-size: 36px;color: #fff;}
.cpsp p{font-size: 26px;color: #fff;margin-bottom: 45px;}
.cpsp:hover .play62{box-shadow: 0 0 14px 0 #fff;}
.title36{margin-bottom: 60px;}
.title36 h2{font-size: 36px;}
.cp-table{width: 100%;}
.cp-table table{width: 100% !important;height: auto !important;}
.cp-table td{border:1px solid #c5c5c5 !important; height:50px;text-align: center;color: #333 !important;font-size: 14px !important;}
.cp-table td span,
.cp-table td p,
.cp-table td strong{font-size: 14px !important;}
.cp-table td:first-child{padding: 0 12px;text-align: left;}
.tjcp .swiper-slide{padding-top: 20px;}
/*3-2产品中心详情 e*/
/*4-1解决方案 s*/
.anli{font-size: 0;min-height: 340px;}
.anli li{width: 47.5%;margin-right: 5%;display: inline-block;font-size: 14px;vertical-align: top;margin-bottom: 70px;}
.anli li:nth-child(1){margin-top: 0 !important;}
.anli li:nth-child(2){margin-top: 440px;}
.anli li:nth-child(even){margin-right: 0;}
.anli li:nth-child(2n+1){margin-top: -440px;}
.anli-bot{margin-top: 25px;}
.anli-bot h3{font-size: 20px;transition: all .4s;margin-bottom: 8px;}
.anli-bot p{font-size: 16px;color: #666; transition: all .4s;height: 3.2em;}
.anli li:hover h3{color: #3b3fb6;}
.anli li:hover p{color: #3b3fb6;}
.jzgd{position: absolute;right: 0;width: 47.5%;bottom:100px;font-size: 20px; height: 58px;line-height: 58px;background: #3b3fb6;text-align: center;color: #fff;border:1px solid #cecece;box-sizing: border-box;transition: all .4s;}
.jzgd:hover{background: #4e51bc;}
.jzgd i{width: 15px;height: 8px;display: inline-block;vertical-align: middle;background: url("../images/bot.png") no-repeat center;background-size: cover;margin-left: 20px;}
.znxs{height: 343px;position: absolute;right: 0;top:0;width: 47.5%;}
.znxs-warp{margin: 0 60px;}
.znxs-warp img{max-width: 44px;}
.znxs-warp h2{font-size: 26px;color: #fff;margin: 20px 0;}
.znxs-warp p{font-size: 16px;color: rgba(255,255,255,.7);}
.series{float: left;position: relative;margin-left: 35px;}
.ser-list{position: absolute;padding: 10px 20px; background: #fff;left: 50%; transform: translateX(-50%); display: none;white-space: nowrap;}
.ser-list a{transition: all .4s; display: block;padding: 5px 0;}
.ser-list a:hover{color: #3b3fb6;}
.margin-b60{margin-bottom: 60px;}
.ser-val{line-height: 50px;height: 50px;font-size: 16px;padding-right: 22px;display: block;}
.series:after{position: absolute;content: ""; width: 12px;height: 6px;right: 0;top:50%;margin-top: -3px;background: url("../images/bot12.png") no-repeat center;background-size: cover;transition: all .4s;}
.series-r{position: relative;z-index: 6;}
.series.on .ser-val{color: #3b3fb6;}
.series.active .ser-val{color: #3b3fb6;}
.series.active:after{background: url("../images/bot12-1.png") no-repeat center;background-size: cover;}
.series.on:after{background: url("../images/bot12-1.png") no-repeat center;background-size: cover;}
.series:hover .ser-val{color: #3b3fb6;}
.series:hover:after{background: url("../images/bot12-1.png") no-repeat center;background-size: cover;transform: rotate(180deg);}
/*4-1解决方案 e*/
/*5-1新闻资讯 s*/
.xw li{width: 23.5%;margin-right: 2%;float: left;margin-bottom: 35px;}
.xw li:nth-child(4n){margin-right: 0;}
.xw li .new-con{margin: 0;}
.hot-img{width: 50%;height: 458px;overflow: hidden;}
.margin-b80{margin-bottom: 80px;}
.hot .swiper-slide a{display: block;position: relative;}
.hot .swiper-slide a:hover h2{color: #3b3fb6;}
.hot-img .img100{transition: all .4s;}
.hot .swiper-slide a:hover .hot-img .img100{transform: scale(1.1);}
.hot-con{position: absolute;height: 100%;right: 0;top:0;width: 50%;}
.hot-warp{padding: 60px;}
.hot-a p{font-size: 50px;color: #999;line-height: 1em;}
.hot-a span{color: #999;}
.hot-b h2{font-size: 26px;font-weight: bold;margin: 25px 0;transition: all .4s;}
.hot-b p{color: #666;line-height: 1.8em;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;overflow: hidden;}
.btn40{font-size: 0;}
.btn40 div{display: inline-block; width: 40px;height: 40px;cursor: pointer;z-index: 10;border-radius: 100%;transition: all .4s;font-size: 14px;}
.btn401{background: #f5f5fd url("../images/btn401-1.png") no-repeat center;background-size: cover;margin-right: 20px;}
.btn402{background: #f5f5fd url("../images/btn402-1.png") no-repeat center;background-size: cover;}
.btn40 div:hover{background-color: #3b3fb6;}
.btn401:hover{background-image: url("../images/btn401.png");}
.btn402:hover{background-image: url("../images/btn402.png");}
.hot .btn40{position: absolute;left: 50%;z-index: 9;bottom:58px;margin-left: 60px;}
.xq-warp{width: 800px;max-width: 100%;margin: 0 auto;}
.xwxq-top h1{font-size: 26px;margin-bottom: 30px;}
.xwxq-top span{display: inline-block;font-size: 16px;vertical-align: middle;}
.xqfx{display: inline-block;vertical-align: middle;}
.yll{margin: 0 65px;}
.xqfx a{width: 23px;height: 23px;display: inline-block;vertical-align: middle;}
.xqwx{background: url("../images/xq-wx.png") no-repeat center;background-size: cover;}
.xqwb{background: url("../images/xq-wb.png") no-repeat center;background-size: cover;margin-left: 5px;}
.ermbox{position: fixed;z-index: 9999;top:0;left: 0;width: 100%;height: 100%;display: none;}
.ermwarp{position: absolute;top:50%;left: 50%;margin: -131px 0 0 -139px;padding: 10px;background: #fff;width: 242px;height: 277px;border:1px solid #d8d8d8;}
#erm{width: 185px;height: 185px;margin: 15px auto;}
.erlgh span{font-size: 12px;font-weight: bold;text-align: left;line-height: 16px;height: 16px;position: relative;color: #000;}
.ermwarp_close{width: 16px;height: 16px;position: absolute;right: 0;top: 0;color: #999;text-decoration: none;font-size: 16px;}
.erlgh_footer{font-size: 12px;text-align: left;line-height: 22px;color: #666;}
.xwxq-top{border-bottom: 1px solid #dcdcdc;padding-bottom: 20px;}
.edit{padding: 40px 0;}
.edit img{;height:auto !important;vertical-align: bottom;width: 800px !important;display: block;margin: 0 auto;max-width: 100% !important}
.edit video{display: block;margin: 0 auto;width: 800px !important;max-width: 100%;}
.edit p{font-size: 16px;color: #333 !important;word-break: break-all;}
.fhlb span,.fhlb i{display: inline-block;vertical-align: middle;}
.fhlb{color: #666;transition: all .4s;}
.fhlb:hover{color: #3b3fb6;}
.fhlb span{font-size: 16px;}
.fhlb i{width: 27px;height: 22px;background: url("../images/fh.png") no-repeat center;background-size: cover;filter: grayscale(1);opacity: 0.5;transition: all .4s;margin-right: 15px;}
.fhlb:hover i{filter: grayscale(0);opacity: 1;}
.xqfy a{display: block;border:1px solid #e0e0e0;height: 54px;line-height: 54px;padding-left: 38px;padding-right: 80px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;margin-top: 26px;font-size: 16px;}
.xqfy a{display: block;border:1px solid #e0e0e0;height: 54px;line-height: 54px;padding-left: 38px;padding-right: 80px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;margin-top: 26px;font-size: 16px;transition: all .4s;position: relative;}
.xqfy a span{color: #999;}
.xqfy a:hover{color: #3b3fb6;}
.xqfy .i{position: absolute;width: 73px;height: 100%;top:0;right: 0;transition: all .4s;border-left: 1px solid #e0e0e0;}
.xqfy a:nth-child(1) .i{background: #e7e7e7 url("../images/731.png") no-repeat center;background-size: cover;}
.xqfy a:nth-child(2) .i{background: #e7e7e7 url("../images/732.png") no-repeat center;background-size: cover;}
.xqfy a:nth-child(1):hover .i{background: #3b3fb6 url("../images/731-1.png") no-repeat center;background-size: cover;}
.xqfy a:nth-child(2):hover .i{background: #3b3fb6 url("../images/732-1.png") no-repeat center;background-size: cover;}
/*5-1新闻资讯 e*/
/*5-3常见问题 s*/
.wt a{display: block;background: #fff;padding: 35px 60px;position: relative;}
.wt h3{font-size: 18px;margin-bottom: 10px; transition: all .4s;}
.wt p{color: #666;line-height: 1.8em;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;height:3.6em;}
.wt a .i{position: absolute;right: 0;top:0;height: 100%;background: #e8e8e8;width: 18px;transition: all .4s;}
.wt a .i:after{position: absolute;content: ''; left: 0;top:50%;height: 17px;background: url("../images/171.png") no-repeat center;background-size:cover;width: 17px;transition: all .4s;}
.wt li{margin-bottom: 30px;}
.wt li:hover h3{color: #3b3fb6;}
.wt li:hover .i{background: #3b3fb6;}
.wt li:hover .i:after{background: url("../images/172.png") no-repeat center;background-size:cover;}
.wt-nav{font-size: 0;border-bottom: 1px solid #d6d6e2;}
.wt-nav a{display: inline-block;font-size: 16px;margin-right: 80px;padding-bottom: 30px;transition: all .4s;position: relative;}
.wt-nav a:after{content: '';position: absolute;left: 50%;width: 0;transition: all .4s;bottom:0;border-bottom: 1px solid #3b3fb6;transform: translateX(-50%);}
.wt-nav a:last-child{margin-right: 0;}
.wt-nav a.active{color: #3b3fb6;}
.wt-nav a.active:after{width: 100%;}
.wt-nav a:hover{color: #3b3fb6;}
.wt-nav a:hover:after{width: 100%;}
.wt-search{position: absolute;right: 0;top:-10px;width: 264px;border-radius: 40px;background: #fff;}
.wt-search .text{display: block;height: 40px;line-height: 40px;width: 100%;border-radius: 40px;background: #fff;font-size: 16px;text-indent: 1em;}
.tjwt{width: 56px;height: 40px;right: 0;top:0;background: url("../images/search56.png") no-repeat center;background-size: cover;position: absolute;}
/*5-3常见问题 e*/
/*6联系方式 s*/
.map{height: 760px;}
.map h3{font-size: 16px;}
.lxxx{position: absolute;width: 100%;left: 0;bottom:22px;z-index: 20;}
.lxxx-warp{padding: 30px 45px;}
.lxxx-warp h2{font-size: 26px;color: #3b3fb6;}
.lxxx-list{font-size: 0;}
.lxxx-list li{display: inline-block;vertical-align: top;margin-top: 20px; font-size: 16px;width: 32%;margin-right: 2%;color: #666;position: relative;padding-left: 90px;box-sizing: border-box;}
.lxxx-list li:nth-child(1){width: 66%;}
.lxxx-list li:nth-child(2){margin-right: 0;}
.lxxx-list li:nth-child(5){margin-right: 0;}
.lxxx-list li span{position: absolute;left: 0;top:0;}
.lxxx-list li span img{width: 24px;vertical-align: middle;margin-right: 10px;}
.lxxx-list li span i{vertical-align: middle;font-style: normal;color: #999;}
.zxly-top{position: absolute;width: 380px;top:12px;left: 0;}
.zxly-bot{margin-left: 440px;}
.input-list{width: 49%;margin-right: 2%;margin-bottom: 2%;position: relative;border:1px solid #dcdcdc;box-sizing: border-box;float: left;}
.input-list:nth-child(even){margin-right: 0;}
.input-r{margin-left: 72px;}
.input-r .text{display: block;width: 100%;height: 40px;line-height: 40px;}
.ly-nane{position: absolute;left: 26px;top:0;line-height: 40px;}
.xing{position: absolute;left: -14px;font-style: normal;color: #f00; top:0;}
.input-list-full{width: 100%;margin-right: 0;}
.textarea{padding: 11px 0;margin-right: 11px;}
.textarea textarea{display: block;width: 100%;height: 200px;resize: none;}
.title22 h2{font-size: 22px;margin-bottom: 20px;}
.tj{text-align: center;width: 146px;margin-top: 10px;}
.tj span{font-style: normal;}
/*6联系方式 e*/
/*社会招聘 s*/
.zp-top{padding: 0 40px;}
.zp-clo4{font-size: 0;position: relative;padding-right: 30px;box-sizing: border-box;cursor: pointer;}
.zp-clo4 span{display: inline-block;vertical-align: middle;font-size: 16px;text-align: center;padding: 20px 0;}
.zp-control .zp-clo4 span{color: #666;}
.zp-list li{background: #f2f2f2;padding: 0 40px;margin-bottom: 10px;}
.zp-con{border-top: 1px solid #d8d8e3;padding: 35px 0;display: none;}
.zp-page{margin-bottom: 30px;}
.zp-page h5{font-weight: bold;margin-bottom: 5px;}
.sqzw{width: 120px;line-height: 34px;border-radius: 34px;font-size: 16px; text-align: center;color: #fff;background: #3b3fb6;display: block;margin-right: 30px;}
.tdyx span{font-size: 16px;line-height: 34px;}
.zp-clo4 span:nth-child(1){width: 40%;text-align: left;}
.zp-clo4 span:nth-child(2){width: 20%;}
.zp-clo4 span:nth-child(3){width: 20%;}
.zp-clo4 span:nth-child(4){width: 20%;}
.zp-clo4 span:nth-child(5){position: absolute;right: 0;top:0;}
.jia{position: absolute;right: 0;width: 18px;height: 18px;top:50%;margin-top: -9px;}
.jia:before{content: "";width: 100%;left: 0;height: 2px;top:50%;margin-top: -1px;background: #3b3fb6;transition: all .4s;position: absolute;}
.jia:after{content: "";height: 100%;top: 0;width: 2px;left:50%;margin-left: -1px;background: #3b3fb6;transition: all .4s;position: absolute;}
.zp-list li.active .zp-clo4 span:nth-child(1){color: #3b3fb6;}
.zp-list li.active .jia:after{transform: rotate(90deg);}
.zp-list li.active .jia:before{transform: rotate(180deg);}
.zp-list li:hover .zp-clo4 span:nth-child(1){color: #3b3fb6;}
/*社会招聘 e*/
/*8-1公司宣传 s*/
.video-list{font-size: 0;}
.video-list li{font-size: 14px;display: inline-block;vertical-align: top;text-align: center;width: 31.2%;margin-right: 3.2%;margin-bottom: 2%;}
.video-list li:nth-child(3n){margin-right: 0;}
.video-list li p{transition: all .4s;font-size: 18px;margin-top: 20px;height: 3.2em;}
.video-list .play62{width: 52px;height: 52px;transform: translateZ(0);}
.video-list li:hover .play62{background: url("../images/bf52.png") no-repeat center;background-size: cover;}
/*8-1公司宣传 e*/
.xz-list li{float: left;width: 48.5%;margin-right: 3%;background: #fff;transition: all .4s;margin-bottom: 35px;}
.xz-list li:nth-child(even){margin-right: 0;}
.xz-list li a{display: block;padding: 25px;}
.xz-list .img100{width: 43%;}
.xz-con{width: 52%;padding-top: 35px;}
.xz-con h3{font-size: 20px;margin-bottom: 10px;}
.xz-con p{margin-bottom: 30px;}
.xz-btn{display: inline-block;width: 136px;line-height: 44px;text-align: center;border-radius: 44px;background: #f5f5fd;transition: all .4s;font-size: 16px;color: #3b3fb6;}
.xz-btn i{display: inline-block;vertical-align: middle;width: 29px;height: 19px;background: url("../images/xz01.png") no-repeat center;background-size: cover;margin-right: 12px;transition: all .4s;}
.xz-btn span{display: inline-block;vertical-align: middle;}
.xz-list li:hover{transform:translateY(-10px);box-shadow: 0 0 10px 0 #ddd;}
.xz-list li:hover h3{color: #3b3fb6;}
.xz-list li:hover .xz-btn{background: #3b3fb6;color: #fff;}
.xz-list li:hover .xz-btn i{background: url("../images/xz02.png") no-repeat center;background-size: cover;}
.sc-hide div{position: absolute;background: #f3f3f3;width: 50%;height: 100%;top:0;z-index: 9;}
.sc-hide .i1{left: 0;animation: hideleft 3s forwards;}
.sc-hide .i2{right: 0;animation: hideleft 3s forwards;}

.shfw-hide div{position: absolute;background: #fff;width: 100%;height: 100%;top:0;z-index: 9;animation: hidefull 3s forwards;right: 0;}

@keyframes hideleft {
    0%{width: 50%;}
    100%{width: 0;}
}
@keyframes hidefull {
    0%{width: 100%;}
    100%{width: 0;}
}
.bigimg li{position: relative;}
.bigimg li .cpxq-con{position: static;max-width: 46%;width: auto;}
.bigimg li:nth-child(odd) .cpxq-con{float: right;}
.bigimg li:nth-child(odd) h3{color: #fff;}
.bigimg li:nth-child(odd) h4{color: #fff;}
.bigimg li:nth-child(odd) p{color: #fff;}
.bigimg .sm{display: none;}
.bqd{min-height: 200px;}
.bqd p{font-size: 16px;}
.bqd a{color: #3b3fb6;text-decoration: underline;}
.maodian{position: absolute;top:-70px;left: 0;}
.tjcg{padding: 200px 0;}
.tjcg img{width: 160px;}
.tjcg p{font-size: 22px;color: #fff;width: 700px;max-width: 100%;margin: 50px auto 0;line-height: 2em;}
.cp-table tbody td{vertical-align: middle !important;width: 20%;box-sizing: border-box;}
.cp-table tbody tr:nth-child(1) td{background: #3b3fb6;font-weight: bold;color: #fff !important;text-align: center !important;padding-left: 0 !important;}
.cp-table tbody td:first-child{background: #f3f3f3;font-weight: bold;}

.jjfa-w1450{margin-left:34px;}

.cp-ers{font-size: 0;}
.cp-ers li{display: inline-block;font-size: 16px;margin-bottom: 10px;margin-right: 45px;}
.cp-ers a{display: inline-block;color: #666666;transition: all .4s;position: relative;padding-bottom: 10px;}
.cp-ers li:last-child{margin-right: 0;}
.cp-ers a:before{position: absolute;bottom:0;left: 50%;transform: translateX(-50%);width: 0;opacity: 0;border-bottom: 1px solid #3b3fb6;content: '';transition: all .4s;}
.cp-ers li.active a{color: #3b3fb6;}
.cp-ers li.active a:before{;width: 100%;opacity: 1;}
.cp-ers a:hover{color: #3b3fb6;}
.cp-ers a:hover:before{;width: 100%;opacity: 1;}

li:nth-child(2) .nav-hide{left: -130px;left: 25px;}
.sp{font-size: 0;}
.sp li{width: 32%;margin-right:2%;display: inline-block;vertical-align: top;font-size: 14px;margin-bottom: 2%;}
.sp li:nth-child(3n){margin-right: 0;}
.sp li .new-con{padding: 15px;}
.sp li .new-con .img{margin: 0;height: 260px;}
.sp li h3{padding: 30px 0 15px;}
.spdd{position: absolute;width: 100%;height: 100%;top:0;left: 0;}
.play61{width: 61px;height: 61px;background: url("../images/play61.png") no-repeat center;background-size: cover;display: inline-block;}


.imgscale .img100{overflow: hidden;}
.imgscale .img100 img{transition: all .4s;}
.imgscale:hover .img100 img{transform: scale(1.1);}
.background-cover,.page-btn{
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}
.pro-top,.pro-ms,.gys li:nth-child(1),.shfw li:nth-child(1),.qiye .i{animation-delay: 300ms !important;}
.gys li:nth-child(2),.shfw li:nth-child(2),.his-dot{animation-delay: 600ms !important;}
.gys li:nth-child(3),.shfw li:nth-child(3){animation-delay: 900ms !important;}
.gys li:nth-child(4){animation-delay: 1200ms !important;}
.gys li:nth-child(5){animation-delay: 1500ms !important;}

.slideUp,.probox-active .pro-top,.probox-active .pro-ms{
    animation:slideUp 1.2s both;-webkit-animation:slideUp 1.2s both;
}
@keyframes slideUp{
    0%{opacity:0;-webkit-transform: translateY(60px);transform: translateY(60px);}
    100%{opacity: 1;-webkit-transform: translateY(0px);transform: translateY(0px);}
}
.slideLeft{
    animation:slideLeft 1.2s both;-webkit-animation:slideLeft 1.2s both;
}
@keyframes slideLeft{
    0%{opacity:0;-webkit-transform: translateX(-60px);transform: translateX(-60px);}
    100%{opacity: 1;-webkit-transform: translateX(0px);transform: translateX(0px);}
}
.slideRight{
    animation:slideRight 1.2s both;-webkit-animation:slideRight 1.2s both;
}
@keyframes slideRight{
    0%{opacity:0;-webkit-transform: translateX(60px);transform: translateX(60px);}
    100%{opacity: 1;-webkit-transform: translateX(0px);transform: translateX(0px);}
}
.tobig{
    animation:tobig 1.2s both;-webkit-animation:tobig 1.2s both;
}
@keyframes tobig{
    0%{opacity:0;-webkit-transform: scale(0);transform: scale(0);}
    100%{opacity: 1;-webkit-transform: scale(1);transform: scale(1);}
}